<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <link rel="stylesheet" href="../lib/fontawesome/css/font-awesome.css" />
    <link rel="stylesheet" href="../lib/mui/css/mui.css" />
    <link rel="stylesheet" href="../css/购物车.css" />
    <link rel="stylesheet" href="../css/bass.css" />
  </head>
  <body class="偷狗">
    <header id="头部" class="mui-bar mui-bar-nav">
    <button id="delete_btn" class="mui-btn mui-btn-blue  mui-pull-left     mui-btn-outlined 删除 ">删除</button>
      <h1 class="mui-title">购物车</h1>
      <button type="button" class="mui-btn mui-btn-primary mui-btn-outlined mui-pull-right 编辑">
        编辑
      </button>
    </header>

    <div class="内容">
        <div class="定位">
            <div class="配送地址">配送地址</div>
            <div class="默认地址盒子">
                <div class="left">
                    <span class="fa fa-map-marker"></span>
                </div>
                <div class="right">
                    <div class="默认地址">默认地址</div>
                    <div class="地址">阿富汗</div>
                </div>
            </div>
            
        </div>
        
        <div class="总价盒子">
            <div class="总价">总价</div>
            <div class="价格盒子">
                <div class="价格1">
                    <div class="价格2">总价:￥</div>
                    <div class="价格3">5000</div>
                </div>
                <a href="#">生成订单</a>
            </div>
        </div>

        <div class="订单盒子">
            <div class="订单">订单</div>
            <ul class="模板追加">
                
            </ul>
        </div>
    </div>

    <div class="底部">
      <a href="javascript:;">
        <span class="fa fa-home"></span>
        <div>首页</div>
      </a>
      <a href="./index2/fenlei.html">
        <span class="fa fa-list-ul"></span>
        <div>分类</div>
      </a>
      <a href="./购物车.html">
        <span class="fa fa-cart-plus"></span>
        <div>购物车</div>
      </a>
      <a href="javascript:;">
        <span class="fa fa-user"></span>
        <div>我的</div>
      </a>
    </div>
  </body>
</html>
<script src="../lib/mui/js/mui.js"></script>
<script src="../lib/zepto/zepto.js"></script>
<script src="../lib/arttemplate/template-web.js"></script>
<script src="../js/公共.js"></script>
<script src="../js/购物车.js"></script>
<script type='text/template' id='template1'>
{{each $data value}}
<li data-obj='{{value}}'>
        <div class="订单内容">
            <div class="mui-input-row mui-checkbox 复选框">
                <input name="checkbox1" value="Item 1" type="checkbox" class="点击">
            </div>
            <div class="left">
                <img src="{{value.goods_small_logo}}" alt="">
            </div>
            <div class="right">
                <div class="介绍">{{value.goods_name}}</div>

                <div class="mui-numbox 件数" data-numbox-step='1' data-numbox-min='1' data-numbox-max='{{value.goods_number}}'>
                    <!-- "-"按钮，点击可减小当前数值 -->
                    <button class="按钮 mui-btn mui-numbox-btn-minus" type="button">-</button>
                    <input class="mui-numbox-input 数量" value='{{value.amount}}' type="number" />
                    <!-- "+"按钮，点击可增大当前数值 -->
                    <button class="按钮 mui-btn mui-numbox-btn-plus" type="button">+</button>
                </div>
                <div class="单价盒子">
                    <div class="单价1">￥</div>
                    <div class="单价">{{value.goods_price}}</div>
                </div>
                
            </div>
        </div>
    </li>
{{/each}}
</script>